﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>影片介绍网页</title> 
</head> 
<body> 
<!--header begin-->
<header>
    <h2 align="center">电影影评网</h2>
    <p align="center">
       <img src="images/banner.jpg">
    </p>
</header>
<!--header end-->
<!--nav begin-->
<nav>
    <P align="center">
        <img src="images/nav1.jpg">
        <img src="images/nav2.jpg">
        <img src="images/nav3.jpg">
        <img src="images/nav4.jpg">
    </P>
</nav>
<!--nav end-->
<!--article begin-->
<article>
    <details>
        <summary ><img src="images/111.png"></summary>
        <ul contenteditable="true" >
            <li>
                <figure>
                    <figcaption>《疯狂的石头》</figcaption>
                    <p><mark>《疯狂的石头》</mark>架构简单，讲的是围绕一块<mark>玉石</mark>、两伙觊觎它的盗贼和一个保安科长的故事。但简单的架构下，隐藏着很多盘根错节的线索，<mark>层层缠绕。</mark>          
                    </p>
                    <img src="images/444.jpg">
                </figure>
            </li>
            <li>
                   大众评分：<meter value="65" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
            <li>
                   媒体评分：<meter value="80" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
            <li>
                   网站评分：<meter value="40" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
        </ul>
        <hr size="3" color="#ccc">
        <ul contenteditable="true" >
            <li>
                <figure>
                    <figcaption>《一出好戏》</figcaption>
                    <p><mark>《一出好戏》</mark>这部电影讲述的是一个<mark>普通人</mark>中了六千万元的彩票。但他却和一行人在乘坐冲浪鸭时意外流落到一座无人小岛上，虽然岛上环境恶劣，但他始终没有放弃，最终获救。</p>
                    <img src="images/555.jpg">
            </figure>
            </li>
            <li>
                   大众评分：<meter value="65" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
            <li>
                   媒体评分：<meter value="80" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
            <li>
                   网站评分：<meter value="40" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
        </ul>
  </details>
  <details>
        <summary><img src="images/222.png"></summary>
        <ul contenteditable="true" >
            <li>
                <figure>
                    <figcaption>《无名之辈》</figcaption>
                    <p>电影<mark>《无名之辈》</mark>所展现出来的<mark>“平凡”</mark>才是真正的平凡，因为连影片中<mark>每个角色的梦想</mark>都普通得不能再普通了。</p>
                    <img src="images/666.jpg">
                <figure>
            </li>
            <li>
                   大众评分：<meter value="65" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
            <li>
                   媒体评分：<meter value="80" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
            <li>
                   网站评分：<meter value="40" min="0" max="100" low="60" high="80" title="65分" optimum="100">65</meter>
            </li>
        </ul>
        <hr size="3" color="#ccc">
  </details>  
</article>
<!--article end-->
</body> 
</html> 